<!DOCTYPE html>
<html lang="en">

    <head>
        <title>Online Used Car and Byke Classified</title>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" media="screen" href="<?= base_url(); ?>css/style.css">

        <script type="text/javascript" src="<?= base_url(); ?>js/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="<?= base_url(); ?>js/superfish.js"></script>
        <script type="text/javascript" src="<?= base_url(); ?>js/FF-cash.js"></script>
        <script type="text/javascript" src="<?= base_url(); ?>js/tabs.js"></script>
        <script type="text/javascript" src="<?= base_url(); ?>js/car.js" ></script>
        <script type="text/javascript" src="<?= base_url(); ?>js/location.js" ></script>
        <script type="text/javascript" src="<?= base_url(); ?>js/easyTooltip.js" ></script>

        <script type="text/javascript">
            $(function(){
                $(".works-list a.tooltips").easyTooltip();
            });
        </script>

        <!--[if lt IE 7]>
   <div style=' clear: both; text-align:center; position: relative;'>
     <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
       <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
    </a>
  </div>
<![endif]-->
        <!--[if lt IE 9]>
                    <script type="text/javascript" src="js/html5.js"></script>
            <link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
            <![endif]-->
    </head>
    <body>
        <div class="main">
            <!--==============================header=================================-->
            <header>
                <?php include 'include/header.php'; ?>
            </header>
            <!--==============================content================================-->
            <section id="content">
                <div class="container_12">
                    <!--                    <div class="wrapper marg_bottom_1">
                    
                                            grid_6 
                    <?php include 'include/buyer.php'; ?>
                    
                                            grid_6 
                    <?php include 'include/grid_6.php'; ?>
                    
                    
                                        </div> -->

                    <!-- PART TWO -->
                    <div class="wrapper">
                        <div class="grid_9">

                            <div class="box_2">
                                <div class="title reg bold"> 
                                    <span class="inline-block fleft align_left"> <h2> SALE YOUR CAR ! </h2> </span>
                                    <div class="clear"></div>
                                </div>

                                <form class="form2" id="form-main" method="post" action="<?= base_url(); ?>sale/submit">
                                    <div> 
                                    Please fill your Car's Information correctly, so that Buyer can find you instantly. After filling the correct
                                    information goto to Member Area and Update your Vehicles Photo and other information.
                                    </div>
                                    
                                    <!-- Error Message -->
                                    <div id="validation">
                                        <?php echo validation_errors(); ?> 
                                    </div>
                                    <?php if ($this->session->flashdata('message')) { ?>
                                        <div id="message"> <?= $this->session->flashdata('message'); ?></div>
                                    <?php } ?>
                                    <!-- End of Error Message -->                                    

                                    <div class="rowElem">
                                        <div class="fleft mid_col">
                                            <label><strong>Make:</strong></label>
                                            <select name="car_make" style="width: 200px" onChange="getCarModel(this.value,'<?= base_url(); ?>');">
                                                <option value="" selected>Make</option>
                                                <?php foreach ($car_make as $car_make): ?> 
                                                    <option value="<?= $car_make->id; ?>"><?= $car_make->make; ?></option>
                                                <?php endforeach; ?>
                                            </select>
                                        </div>

                                        <div class="fleft mid_col">
                                            <label><strong>Model:</strong></label>
                                            <div id="modeldiv">
                                                <select name="car_model" style="width: 200px" onChange="getCarVersion(this.value,'<?= base_url(); ?>');">
                                                    <option value=""  selected>Select </option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="fleft mid_col">
                                            <label><strong>Version:</strong></label>
                                            <div id="versiondiv">
                                                <select name="car_version"  style="width: 200px">
                                                    <option value="" selected>Any Make</option>
                                                </select>
                                            </div>
                                        </div>

                                    </div>

                                    <div class="clear"></div>   
                                    <div class="rowElem">
                                        <div class="fleft mini_col">
                                            <label><strong>Make Year:</strong></label>
                                            <select name="car_make_year"  style="width: 200px">
                                                <option value="" selected>Select Make Year</option>
                                                <option value="" disabled></option>
                                                <?php foreach ($car_make_year as $car_make_year): ?> 
                                                    <option value="<?= $car_make_year; ?>"><?= $car_make_year; ?></option>
                                                <?php endforeach; ?>
                                            </select>
                                        </div>

                                        <div class="fleft mid_col">
                                            <label><strong>Owner:</strong></label>
                                            <select name="car_owner"  style="width: 200px">
                                                <option value="" selected>Select Car Owner</option>
                                                <option value="" disabled></option>
                                                <?php foreach ($car_owner as $car_owner): ?> 
                                                    <option value="<?= $car_owner->id; ?>"><?= $car_owner->description; ?></option>
                                                <?php endforeach; ?>
                                            </select>
                                        </div>

                                        <div class="fleft mid_col ">
                                            <label><strong>Colour:</strong></label>
                                            <input name="car_color" type="text" size="19" style="width: 190px"></input>
                                        </div>

                                    </div>

                                    <div class="clear"></div>   
                                    <div class="rowElem">
                                        <div class="fleft mini_col">
                                            <label><strong>Kms Done:</strong></label>
                                            <input name="car_km_done" type="text" size="19" style="width: 190px"></input>
                                        </div>

                                        <div class="fleft mid_col">
                                            <label><strong>Registration No:</strong></label>
                                            <input name="car_reg_no" type="text" size="19" style="width: 190px"></input>
                                        </div>

                                        <div class="fleft mid_col ">
                                            <label><strong>Registered At:</strong></label>
                                            <input name="car_reg_at" type="text" size="19" style="width: 190px"></input>
                                        </div>
                                    </div>

                                    <div class="clear"></div>   
                                    <div class="rowElem">
                                        <div class="fleft mid_col">
                                            <label><strong>Country:</strong></label>
                                            <select name="car_country" style="width: 200px" onChange="getState(this.value,'<?= base_url(); ?>');">
                                                <option value=""  selected="selected">Select Country</option>
                                                <option value="" disabled="disabled">----------------------------------------------</option>
                                                <?php foreach ($car_country as $car_country): ?> 
                                                    <option value="<?= $car_country->id; ?>"><?= $car_country->country; ?></option>
                                                <?php endforeach; ?>
                                            </select>
                                        </div>

                                        <div class="fleft mid_col">
                                            <label><strong>State:</strong></label>
                                            <div id="statediv">
                                                <select name="car_state" style="width: 200px" onChange="getCity(this.value,'<?= base_url(); ?>');">
                                                    <option value="" selected>State</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="fleft mid_col ">
                                            <label><strong>City:</strong></label>
                                            <div id="citydiv">
                                                <select name="car_city" style="width: 200px">
                                                    <option value="" selected>City</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>                                        

                                    <div class="clear"></div>   
                                    <div class="rowElem">
                                        <div class="fleft mid_col" style="width: 200px">
                                            <label><strong>Car Tax:</strong></label>
                                            <select name="car_tax"  style="width: 200px">
                                                <option value="" selected>Car Tax</option>
                                                <option value="" disabled></option>
                                                <?php foreach ($car_tax as $car_tax): ?> 
                                                    <option value="<?= $car_tax->id; ?>"><?= $car_tax->description; ?></option>
                                                <?php endforeach; ?>
                                            </select>
                                        </div>

                                        <div class="fleft mid_col" >
                                            <label><strong>Car Insurance:</strong></label>
                                            <select name="car_insurance"  style="width: 200px">
                                                <option value="" selected>Insurance</option>
                                                <option value="" disabled></option>
                                                <?php foreach ($car_insurance as $car_insurance): ?> 
                                                    <option value="<?= $car_insurance->id; ?>"><?= $car_insurance->description; ?></option>
                                                <?php endforeach; ?>
                                            </select>
                                        </div>

                                        <div class="fleft mini_col">
                                            <label><strong>Insurance Valid upto:</strong></label>

                                            <span style="float:left" > 
                                                <select name="car_insurance_month" style="width: 120px">
                                                    <option value="" selected>Month</option>
                                                    <option value="" disabled></option>
                                                    <?php foreach ($car_insurance_month as $car_insurance_month): ?> 
                                                        <option value="<?= $car_insurance_month->id; ?>"><?= $car_insurance_month->description; ?></option>
                                                    <?php endforeach; ?>
                                                </select>
                                            </span>

                                            <span style="float:right; margin-right: 10px " > 
                                                <select name="car_insurance_year" style="width: 75px">
                                                    <option value="" selected>Year</option>
                                                    <option value="" disabled></option>
                                                    <?php foreach ($car_insurance_year as $car_insurance_year): ?> 
                                                        <option value="<?= $car_insurance_year; ?>"><?= $car_insurance_year; ?></option>
                                                    <?php endforeach; ?>
                                                </select>
                                            </span>
                                        </div>
                                    </div>                                        

                                    <!-- PART --->
                                    <div class="clear"></div>   
                                    <div class="rowElem">
                                        <div class="fleft mid_col">
                                            <label><strong>Expected Price:</strong></label>
                                            <input name="car_price" type="text" style="width: 190px" value="<?php echo set_value('car_price'); ?>"></input>
                                        </div>
                                    </div>                                        

                                    <div class="clear"></div>   
                                    <div class="rowElem">
                                        <div class="fleft">
                                            <label><strong>Your Comments (Min 50 Character):</strong></label>
                                            <textarea name="car_comments" id="textarea" cols="77" rows="4"><?php echo set_value('car_comments'); ?></textarea>
                                        </div>
                                    </div>      

                                    <div class="clear"></div>

                                    <input name="car_agree" type="checkbox" value="I Agree" id="checkbox" /> 
                                    &nbsp;<strong><a href="#"> I agree to sell vehicle Terms & Conditions, visitor agreement and privacy policy </a></strong>
                                    
                                    <div class="clear"></div>
                                    I agree that by clicking the 'Continue' button below I am explicitly soliciting a call from <?= $this->settings_model->get_setting('webtitle'); ?> on my 'Mobile Number' to assist me in completing this transaction.
                                    <div class="rowElem ">
                                        <div class="clear"></div>
                                        <a onClick="document.getElementById('form-main').submit()" class="inline-block button_search color_1 bold"><span class="inline-block">Submit</span></a>
                                    </div>
                                    <div class="clear"></div>
                                    
                                </form> <!-- END OF FORM -->

                            </div>

                        </div> <!-- END OF GRID_9 -->


                        <!--grid_9 -->
                        <?php include 'include/right.php'; ?>
                        <!--grid_9 end -->
                    </div> <!-- END OF PART TWO -->
                </div>
            </section>


            <!--==============================footer=================================-->
            <footer>
                <?php include 'include/footer.php'; ?>
            </footer>
        </div><!--MAIN -->




    </body>
</html>